body,div,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,button,input{margin:0;padding:0;}
body{font-family:'微软雅黑';background:#006990;}
ol,ul{list-style:none;}
html{font-size:94%;/* 15÷16=94% */}
input,button,textarea{outline:none;border:none;-webkit-tap-highlight-color:#fff;}
input::-webkit-input-placeholder {color: #fff !important; }
input::-moz-placeholder {color: #fff !important;}

a{text-decoration:none;}
img{border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
/*border和padding不计算入width之内*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*@font-face{font-family:幼圆;src: url('/static/font/SIMYOU.TTF');}*/

.logo-box{width:48%;margin:auto;margin-top:6.6rem;}
.logo-box img{width:100%;}

.login-box{width:100%;margin-top:2.5rem;position:relative;-webkit-tap-highlight-color:transparent;}
.login-box .uers-box{width:70%;height:2rem;margin:auto;border-bottom:solid 1px #fff;overflow:hidden;}
.login-box .uers-box .img-box{width:1.4rem;float:left;}
.uers-box .img-box img{width:100%;}
.login-box .uers-box input{width:85%;float:left;height:1.8rem;color:#fff;padding-left:0.5rem;line-height:1.8rem;font-size:1.2rem;font-family:'幼圆';background-color:#006990;-webkit-tap-highlight-color:transparent;letter-spacing:2px;}
.login-box .password-box{width:70%;height:2rem;margin:auto;border-bottom:solid 1px #fff;overflow:hidden;margin-top:1rem;}
.login-box .password-box .img-box{width:1.4rem;float:left;margin-top:0.2rem;}
.password-box .img-box img{width:100%;}
.login-box .password-box input{width:85%;float:left;height:1.8rem;color:#fff;padding-left:0.5rem;line-height:1.8rem;font-size:1.2rem;font-family:'幼圆';background-color:#006990;-webkit-tap-highlight-color:transparent;letter-spacing:2px;}
.img-box02{width:1.7rem;position:absolute;right:24%;bottom:0.4rem;}
.img-box02 img{width:100%;}
.img-box03{width:1.7rem;position:absolute;right:15%;bottom:0.3rem;}
.img-box03 img{width:100%;}  

.text-box{width:70%;margin:0 auto;text-align:right;color:#fff;font-size:1rem;line-height:1.6rem;margin-top:0.6rem;}
.text-box a{color:#fff;}

.btn-box{width:50%;margin:0 auto;margin-top:2rem;overflow:hidden;}
.btn-box .btn01{-webkit-tap-highlight-color:transparent;width:4rem;height:2rem;border-radius:2rem;border:solid 1px #fff;background-color:#006990;color:#fff;font-size:1.2rem;font-family:"幼圆";float:left;cursor:pointer}
.btn-box .btn02{-webkit-tap-highlight-color:transparent;width:4rem;height:2rem;border-radius:2rem;border:solid 1px #fff;background-color:#006990;color:#fff;font-size:1.2rem;font-family:"幼圆";float:right;cursor:pointer;text-align:center;line-height:1.8rem;}

.pos-box{width:31%;position:fixed;right:0;top:100%;margin-top:-6.7rem;}
.pos-box img{width:100%;}
.btn-box .btn01:active{background-color:#fff;color:#006990;}
.btn-box .btn02:active{background-color:#fff;color:#006990;}


@media only screen and (min-width: 481px){
    html {
        font-size: 100%!important; /* 16÷16=100% */
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important; /* 17.44÷16=109% */
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important; /* 20÷16=125% */
    }
}
@media screen and (max-width: 321px) { /*当屏幕尺寸小于321px时，应用下面的CSS样式*/
body{width:320px;}
}
@media screen and (min-width: 641px) { /*当屏幕尺寸小于321px时，应用下面的CSS样式*/
body{width:640px;margin:auto;}
}

